/* 对应 CKEditor 中的 块引用*/
.blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 8px 2px 20px;
    border: 0 solid #ccc;
    border-left-width: 5px;
}

.bgimage {
    background-size: cover;
    background-position: center;
}

/* 限制行数, 并在末尾显示省略号. IE 需配合容器高度 */
.ellipsis {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.ellipsis-1 {
    -webkit-line-clamp: 1;
}

.ellipsis-2 {
    -webkit-line-clamp: 2;
}

.ellipsis-3 {
    -webkit-line-clamp: 3;
}

.ellipsis-4 {
    -webkit-line-clamp: 4;
}

/* 水平平均排列 */
.flex-h {
    display: flex;
}

/* 毛玻璃效果 */
/* 没有背景图时使用此类: 内容层半透明 */
.glass-container {
    overflow: hidden;
    background: hsla(0,0%,100%,.25) border-box;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset, 0 .5em 1em rgba(0, 0, 0, 0.6);
}
/* 有背景图时使用此类: 应用毛玻璃效果的容器最开头放置一张背景图(或不使用背景图), 并模糊化处理 */
.glass-container::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -99; /* 模糊层在最下面 */
    filter: blur(3px) brightness(75%); /* 值越大越模糊 */
    background-image: url("images/bg.jpg");
    background-position: center bottom;
    background-size: cover;
    background-attachment: fixed;
}